<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery.Canvas</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=1000, initial-scale=1" />
    <link href="content/font-awesome.min.css" rel="stylesheet" />
    <link href="content/bootstrap.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <style type="text/css">
        html, body {
            height: 100%;
            overflow: hidden;
        }
    </style>
    <script type="text/javascript">
        var IsDebug = true;
    </script>
</head>

<body style="position:relative;text-align:center;">    
    <h3 class="bg-warning text-white">请单击图片，以进入编辑或大图模式</h3>
    <div style="width:800px;height:600px;position:relative;display:inline-block;">
        <div class="menu btn-group-vertical" style="position:absolute;left:0;width:150px;">
            <a>版本:2.0</a>
            <a href="Demos/simple2.html" target="content" class="btn btn-default">
                简易版本
            </a>
            <a href="Demos/tools2.html" target="content" class="btn btn-default">
                定制工具栏
            </a>
            <a href="Demos/bg2.html" target="content" class="btn btn-default">
                无背景
            </a>
            <a href="Demos/size2.html" target="content" class="btn btn-default">
                自定义大小
            </a>
        </div>
        <iframe src="Demos/simple2.html"
                style="height:100%;position:absolute;left:200px;width:calc(100% - 200px);"
                scrolling="auto" frameborder="0" id="content" name="content"></iframe>

    </div>
    <div style="display:inline-block;width:100%;position:absolute;bottom:80px;left:0;">
        <div style="background-color:#9a9a9a">
            <div id="statusBar"
                 style="height:50px;line-height:50px;vertical-align:text-top;color:#fff"></div>
        </div>
    </div>
    <footer style="position:absolute;left:0;right:0;bottom:30px;text-align:center;color:#666;">
        ©2017-2027&nbsp;&nbsp;小强爱测试&nbsp;&nbsp;@粤ICP备17065051号
    </footer>
</body>

</html>